<template>
  <div>
    <div class="div-style" v-for="itme in data" :key="itme">
      <p>姓名：{{itme.name}}</p>
      <p>房间号：{{itme.room}}</p>
      <el-steps :active="itme.num" finish-status="success">
        <el-step title="第一天"></el-step>
        <el-step title="第二天"></el-step>
        <el-step title="第三天"></el-step>
        <el-step title="第四天"></el-step>
        <el-step title="第五天"></el-step>
        <el-step title="第六天"></el-step>
        <el-step title="第七天"></el-step>
        <el-step title="第八天"></el-step>
        <el-step title="第九天"></el-step>
        <el-step title="第十天"></el-step>
        <el-step title="第十一天"></el-step>
        <el-step title="第十二天"></el-step>
        <el-step title="第十三天"></el-step>
        <el-step title="第十四天"></el-step>
      </el-steps>
    </div>
  </div>
</template>
<script>
export default {
  name: "guest",
  data() {
    return {
      data:[],

    };
  },
  mounted() {
    this.findallpu();
  },
  methods: {
    async findallpu() {
      let result = await this.$API.punch.reqfindpunchall();
      if(result.code == 20000){
        this.data = result.data;
      }
    },
  },
};
</script>
<style scoped>
.div-style {
  /* display: flex;
 flex-wrap: nowrap; */
}
</style>